HTML Attributes versus Properties in JavaScript

The .attr() method is a convenient way to set the value of attributes—especially when setting multiple attributes or using values returned by a function ...

The setAttribute() method of the Element interface sets the value of an attribute on the specified element. Element.removeAttribute() · Element.setAttributeNS() · Element.setAttributeNode()

The getAttribute() method of the Element interface returns the value of a specified attribute on the element. Element: getAttributeNames · setAttribute() method · Element.hasAttribute()

The IDL attribute is also known as a JavaScript property. These are the attributes you can read or set using JavaScript properties like element. Accept · Global attributes · Tabindex · Try it

The Element.attributes property returns a live collection of all attribute nodes registered to the specified node. Examples · Browser compatibility

I'm looking for a simple list of all the html attributes that can contain javascript that will automatically run when an action is performed.

簡單來說就是將每個HTML的標籤都物件化，讓JavaScript可以訪問和更改HTML的元素，舉例來說，我們可以點擊按鈕來改變文字。當網頁載入時，瀏覽器會自動幫 ...

Properties 是JavaScript DOM 物件上的屬性，不會影響到HTML 元素；而Attributes 是HTML 元素上的屬性，像是HTML 標籤上的id 或class 屬性。

The setAttribute() method sets a new value to an attribute. If the attribute does not exist, it is created first.

The attributes property returns a collection of attributes in an element. The attributes property returns a NamedNodeMap.